<template>
	<div>
		<div class="publish-top">
			<div class="left-icon" @click="handleBack"> 
				<img src="../../../assets/images/left.png"/>
			</div>
			<p>关于我们</p>
		</div>
		<div class="about" v-html="aboutStr"></div>
	</div>
</template>

<script>
	import axios from "axios";
	import user from '../../../utils/isLogin';
	
	export default{
		data(){
			return{
				aboutStr:''
			}
		},
		created(){
			
			axios.post(user.src + '/index/My/aboutMe')
			.then(res=> {
				if(res.status == 200){
					this.aboutStr = res.data.data
					console.log(this.aboutStr)
				}
			})
			.catch((error)=> { 
			});
			let plusReady = ()=>{
				
			}
			if (window.plus) {
		      plusReady();
		    } else {
		      document.addEventListener("plusready", plusReady, false);
		    }
		},
		components:{
			
		},
		methods:{
			handleBack(){
				var about = plus.webview.currentWebview();
				plus.webview.close(about);
			},
		}
	}
</script>

<style lang="less">
	html,body{
		padding: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		background: #ffffff;

	}

	*{
		margin: 0;
		padding: 0;
	}
	ul,li{
		list-style: none;
	}
	.publish-top{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		z-index: 1;
		background:@default-blue;
		box-shadow: 0px 0px 8px 1px #999;
		padding-top: 70px;
		display:flex;				
		.left-icon{
			width: 90px;
			img{
				width: 15px;
				height: 26px;
				margin-left: 31px;
			}
		}
		p{		
			width: 80%;
			color: #fff;
			font-size: 28px;
			text-align: center;
		}
	}
	.about{
		font-size: 36px;
		padding: 150px 30px 0;
	}
</style>